<template>
  <div class="box">
    <!-- <h1 id="aa" title="哈哈"></h1> -->
  </div>
</template>

<script>
// import { onMounted, createVNode, render } from 'vue'
// import XtxMessage from '@/components/xtx-message'
export default {
  setup() {
    // onMounted(() => {
    //   // 使用js动态的给box中渲染一段结构
    //   // 参数1：生成的虚拟DOM的标签名,或者是一个组件
    //   // 参数2：是一个对象  用于指定属性
    //   // 参数3：子元素的内容 可以是字符串，也可以是虚拟DOM
    //   const vNode = createVNode(XtxMessage, { type: 'success' }, '嘻嘻嘻')
    //   console.log(vNode)
    //   // 参数1：虚拟DOM
    //   // 参数2：挂载的DOM
    //   render(vNode, document.querySelector('.box'))
    // })
  }
}
</script>

<style scoped></style>
